// components/ListItem/index.scss
.list-item {
  width: 100%;
  background: #fff;
  padding: 32rpx 20rpx;
  box-sizing: border-box;
  position: relative;
  &.with-border {
    &::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 30rpx; // 左边距30rpx
      right: 0;
      height: 1rpx;
      background: #f5f5f5;
    }
  }

  .list-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    .left-content {
      display: flex;
      align-items: center;
      gap: 20rpx;
      margin-left: 10rpx;

      .item-icon {
        flex-shrink: 0;
      }

      .title {
        font-size: 30rpx;
        color: #333;
        font-weight: 500;
      }
    }

    .right-content {
      display: flex;
      align-items: center;
      gap: 16rpx;

      .value {
        font-size: 24rpx;
        color: #121214;
        font-weight: 500;
      }

      .money{
        font-size: 28rpx;
        color: #F56C6C;
        font-weight: 600;
      }

      .arrow {
        flex-shrink: 0;
      }
    }
  }
}
